import {
    init,
    classModule,
    propsModule,
    styleModule,
    eventListenersModule,
    h,
  } from "snabbdom";
// 获取 DOM 节点
let container = document.getElementById('container');
let btn = document.getElementById('btn');
// 创建 patch 函数
const patch = init([classModule, propsModule, styleModule, eventListenersModule]);
// 创建虚拟节点
const myVnode1 = h('ul', [
    h('li', { key: '1' }, '香蕉'),
    h('li', { key: '2' }, '火龙果'),
    h('li', { key: '3' }, '百香果'),
    h('li', { key: '4' }, '牛油果'),
]);
console.log(myVnode1);
// 让虚拟节点上树
patch(container, myVnode1);
btn.onclick = () => {
    let myVnode2 = h('ul', [
        h('li', { key: '5' }, '罗汉果'),
        h('li', { key: '1' }, '香蕉'),
        h('li', { key: '2' }, '火龙果'),
        h('li', { key: '3' }, '百香果'),
        h('li', { key: '4' }, '牛油果'),
    ]);
    patch(myVnode1, myVnode2);
}